<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

<style>
	body {
		font-size: 12px;
		font-family: Arial;
	}

	a {
		color: rgb(179, 245, 207);
	}

	nav.top {
		padding: 5px 0px;
		background-color: #f2f2f2;
		border-bottom: 1px solid #e7e7e7;
	}

	nav.top a,
	nav.top span {
		color: #999;
		margin: 0px 10px;


	}

	.redColor {
		color: #c40000 !important;
	}

	nav.top a:hover {
		text-decoration: none;
		color: #c40000;
	}
</style>


<script>
	$(function () {

	})
</script>
<body>
<div style="height:550px">
	<nav class="top">
		<a href="#nowhere">
			<span class="glyphicon glyphicon-home redColor"></span>
			天猫首页
		</a>
		<span>
			瞄，欢迎来天猫
		</span>
		<a href="#nowhere">请登录</a>
		<a href="#nowhere">免费注册</a>

		<span class="pull-right">
			<a href="#nowhere">我的订单</a>
			<a>
				<span class="glyphicon glyphicon-shopping-cart redColor"></span>
				购物车<strong>0</strong>件</a>
		</span>
	</nav>
</div>
<a href="#nowhere">
	<img src="" alt="null">
	

</a>
</body>

